<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="../favicon.ico" rel="shortcut icon" type="image/x-icon">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/blitzer/jquery-ui.css" type="text/css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('#login-div').dialog({
			resizable:false,
			closeOnEscape : false,
			width : 245,
			buttons : [ {
				text : "Login",
				click : function() {
					window.location = "./participants.jsp";
				}
			}, {
				text : "Reset",
				click : function() {
					//TODO
				}
			} ]
		});
		$('button').button();
	});
</script>
<style type="text/css">
.ui-dialog-titlebar-close {
	visibility: hidden;
}
</style>
<title>LOGIN</title>
</head>
<body>
	<div id='login-div'>


		<label for='username'>UserName:</label> <input type='text' name='username' id='username' maxlength="50" /> <label for='password'>Password:</label> <input type='password' name='password'
			id='password' maxlength="50" />

	</div>
</body>
</html>